<ui:composition
 xmlns="http://www.w3.org/1999/xhtml"
 xmlns:ui="http://java.sun.com/jsf/facelets"
 xmlns:f="http://java.sun.com/jsf/core"
 xmlns:h="http://java.sun.com/jsf/html"
 xmlns:rich="http://richfaces.org/rich"
 xmlns:a4j="http://richfaces.org/a4j"
 template="/template.xhtml">
 <ui:define name="center">
 <b><h:outputText value="#{strings['Book.livre']}" style="padding-left:20px;font-size:1.5em"/></b>
 <rich:panel  styleClass="pan" style="background-color:#C0D9D9; width:100%;">
    
    
    <table style="width:100%;">
    <TR>
    <td style="width:100%">
   
    <b><h:outputText value="#{boutiqueBacking.book.title}" style="font-size:2.5em"/></b>
    <br/><br/>
    <i><h:outputText value="#{boutiqueBacking.book.date}" ><f:convertDateTime pattern="dd/MM/yyyy" /></h:outputText></i>
    <br/><br/>
    <h:outputText value="#{strings['Book.ecrispar']}" /><h:outputText value=" : " />
    <h:dataTable   value="#{boutiqueBacking.book.authors}" var="author" style="border:none;background-color:#C0D9D9">
    <h:column style="border:none">
    <h:outputText value="#{author.firstName}" /><h:outputText value=" " /><h:outputText value="#{author.lastName}" />
    </h:column>
    </h:dataTable>
    <br/>	   
    
    <span style="font-size:2em;"><h:outputText value="#{boutiqueBacking.book.price}" /><h:outputText value=" &#8364;" /></span>
    <br/>
    
    
    
    <br/>
    <h:panelGroup rendered="#{!boutiqueBacking.presentPanier}">
    <h:outputText value="#{strings['Order.produitabsent']}" />
    <h:outputText value=", " />
    <h:commandLink   action="#{boutiqueBacking.addPanier}"  immediate="true">
    <h:outputText value="#{strings['Order.ajouterpanier']}" />
    </h:commandLink>
    <h:outputText value="." />
    </h:panelGroup>
    <h:panelGroup rendered="#{boutiqueBacking.presentPanier}">
    <h:outputText value="#{boutiqueBacking.cbPresentPanier}" />
    <h:outputText value=" " />
    <h:outputText value="#{strings['Order.exemplairedans']}" />
    <h:outputText value=", " />
    <h:commandLink   action="#{boutiqueBacking.addPanier}"  immediate="true">
    <h:outputText value="#{strings['Order.rajouter']}" />
    </h:commandLink>
    <h:outputText value=" " />
     <h:outputText value="#{strings['Order.ou']}" />
    <h:outputText value=" " />
    <h:commandLink   action="#{boutiqueBacking.retirerPanier}"  immediate="true">
    <h:outputText value="#{strings['Order.enlever']}" />
    </h:commandLink>
    <h:outputText value="." />
    </h:panelGroup>
    
    
    
    
    <br/><br/>
    </td>
    <td style="text-align:right">
	<rich:panel styleClass="pan" style="padding:5px;margin:10px">
	<a4j:mediaOutput  mimeType="image/jpeg" createContent="#{boutiqueBacking.paintImage}" element="img"/>
	</rich:panel>
	</td>
    </TR>
    
    </table>
    </rich:panel>
 
    <br/>
 
 </ui:define>
</ui:composition>
